<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="keywords">
    <meta name="description">
    <title></title>
    <!--详情展示-->
    <link href="/css/blogDetail.css" rel="stylesheet" />
    <!--Layui-->
    <link href="/layui/css/layui.css" rel="stylesheet" />
    <!--font-awesome-->
    <link href="/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <!--全局样式表-->
    <link href="/css/global.css" rel="stylesheet" />
    <link href="/css/showArtictle.css" rel="stylesheet" />
    <link href="/css/blogbootstrap.css" type="text/css" rel="stylesheet" media="all">
    <!--样式展示-->
    <!--分享插件-->
    <link rel="stylesheet" href="/lib/share/share.min.css">
    <link rel="stylesheet" href="/css/prism.css">
    <script src="/lib/prism.js"></script>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?07680cf6c1210e24108923649ee75019";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        .article-detail-content a {
            color: blue;
            }
        .comment-parent img {
            width: 30px;
            height: 30px;
            margin: 2px 2px 2px 0;
            position: absolute;
            border-radius: 50px;
        }
    </style>
</head>
<body>
    <script src="/js/include.js"></script>
    <!-- 导航 -->
    <include src = "nav.html"></include>

    <!-- 主体 -->
    <div class="blog-body">
        <div class="blog-container">
            <div id="blog-bread"><!--详情导航--></div>
            <div class="blog-main">
                <!--博客内容详情-->
                <div class="blog-main-left">
                    <!--内容-->
                    <div id="blog-content"></div>
                    <!--转载说明-->
                    <div id="MySignature" style="border-top: 2px solid #ccc; padding-top: 10px;padding-bottom:20px;text-indent: 2em;">
                        本文版权归sunnyBlog所有，原文链接地址：<a id="blog-signature" style="color: red"></a> 欢迎转载，未经作者本人同意，转载文章之后必须在文章页面明显位置给出原文链接，否则保留追究法律责任的权利！
                    </div>

                    <!-- 评论区域 -->
                    <div class="blog-module shadow" style="box-shadow: 0 1px 8px #a6a6a6;">
                        <fieldset class="layui-elem-field layui-field-title" style="margin-bottom:0">
                            <i class="fa fa-commenting fa-2x fa-spin"></i>留下您宝贵的意见 <br>
                            <div class="layui-field-box">
                                <form class="layui-form blog-editor">
                                    <div style="padding-bottom: 5px;">
                                    <!--<input type="text" name="nick" lay-verify="required" maxlength="10" lay-reqtext="请输入昵称" placeholder="(必填)请输入昵称限制10字符" autocomplete="off" >-->
                                        <i class="fa fa-comment-o" style="font-weight:bold" id="say-comment">
                                        </i>
                                    </div>
                                    <div class="layui-form-item">
                                        <textarea lay-verify="content" lay-reqtext="请输入评论内容" id="remarkEditor" style="display: none;"></textarea>
                                    </div>
                                    <div class="layui-form-item">
                                        <button class="layui-btn layui-btn-radius layui-btn-normal" lay-submit="formRemark" lay-filter="formRemark" id="js-blog-comment" style="display: none">提交评论</button>
                                    </div>
                                </form>
                            </div>
                        </fieldset>
                        <div class="blog-module-title">最新评论</div>
                        <ul class="blog-comment">

                        </ul>
                    </div>
                </div>

                <!--右侧分类展示栏-->
                <div class="blog-main-right"></div>
                <!--防止页面过长底部溢出-->
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <include src = "footer.html"></include>
<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/layui/layui.js"></script>
<script src="/lib/aes.min.js"></script>
<script src="/js/global.js"></script>
<script src="/js/detail.js"></script>
<script src="/lib/showdown.js"></script>
<script src="/js/blog-detail.js"></script>
<script src="/lib/share/jquery.share.min.js"></script>
<script src="/lib/prism.js"></script>
</body>

</html>